/*
按钮的动画效果0
*/

/* 定义闪烁动画 */
@keyframes blink {
    0% {
        opacity: 1;
    }
    /* 完全不透明 */
    50% {
        opacity: 1;
    }
    /* 完全透明 */
    100% {
        opacity: 1;
    }

    /* 恢复完全不透明 */
}

/* 应用动画到按钮 */
.blink-button {
    animation: blink 10s infinite; /* 1秒完成一次动画，无限循环 */
    padding: 10px 20px;
    font-size: 16px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

/* 鼠标悬停时停止闪烁 */
.blink-button:hover {
    animation: none; /* 停止动画 */
    opacity: 1; /* 确保按钮完全不透明 */
}